<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../public/reset.css">
    <link rel="stylesheet" href="css/product_list.css">
    <script src="../public/js/jquery.js"></script>
</head>
<body>
    <div class="nav-box"></div>
    <div class="nav-box2"></div>
    <div class="base">
        <div class="pList-top">
            <ul>
                <li><a href="">综合排序</a></li>
                <li><a href="">销量排序</a></li>
                <li><a href="">价格低到高</a></li>
                <li><a href="">价格高到低</a></li>
            </ul>
        </div>
        <div class="pList-bottom">
                <div class="one">
                    <a href=""><img src="images/product_list1.jpg" alt=""></a>
                    <h2>坚果R2</h2>
                    <span>是下一代手机，更是下一代电脑</span>
                    <span>￥4,299.00</span>
                </div>
                <div class="two">
                    <a href=""><img src="images/product_list2.jpg" alt=""></a>
                    <h2>Smartisan TNT 大满足套装</h2>
                    <span>下一代手机，下一代电脑</span>
                    <span>￥6,499.00</span>
                </div>
                <div class="three">
                    <a href=""><img src="images/product_list3.png" alt=""></a>
                    <h2>2020年足迹系列卫衣 人类首次突破音速</h2>
                    <span>精心剪裁、版型百搭、舒适服帖、易于打理</span>
                    <span>￥249.00</span>
                </div>
                <div class="four">
                    <a href=""><img src="images/product_list4.png" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="five">
                    <a href=""><img src="images/product_list5.png" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="six">
                    <a href=""><img src="images/product_list6.jpg" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="seven">
                    <a href=""><img src="images/product_list7.png" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="eight">
                    <a href=""><img src="images/product_list8.png" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="nine">
                    <a href=""><img src="images/product_list9.png" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="ten">
                    <a href=""><img src="images/product_list10.jpg" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>

        </div>

    </div>
    <div class="footer-box"></div>
    
</body>
<script>
     $(".nav-box").load("../public/public.html .nav",function(){
        
    });
    $(".nav-box2").load("../public/public.html .nav2",function(){
        
    });
    $(".footer-box").load("../public/public.html .footer",function(){
        
    });
</script>
</html>